<template>
	<view class="zh-u-bottom-fit" :style="bottomFitStyle"></view>
</template>

<script setup lang="ts">
	import { ref } from 'vue'
	const systemInfo = uni.getSystemInfoSync()
	const model = systemInfo.model
	const bottomFitStyle = ref({})
	if(model 
	&& (model.includes('iPhone X')
	||  model.includes('iPhone 11 Pro')
	||  model.includes('iPhone 12')
	||  model.includes('iPhone 12 Pro')
	|| model === 'unknown')) {
		bottomFitStyle.value = {
			height:'160rpx'
		}
	}
	
</script>

<style lang="scss" scoped>

</style>